<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!--优先使用IE最新版本和Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1"/>
    <!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <!--禁止浏览器自动的识别-电话号码-email--->
    <meta name="format-detection" content="telephone=no,email=no"/>
    <!--是否启用Web全屏-->
    <meta name="apple-mobile-web-app-capable" content='yes'/>
    <meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
    <!--设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content='black'/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    
    
</head>
<body class="bg-info">
    <header class="navbar navbar-default bg-info">
        <div class="container clearfix">
            <div class="navbar-header pull-left">
                <!-- 导航菜单 -->
                <ul class="nav navbar-nav">
                    <li>
                        <a href="#" class="navbar-brand">
                            <h1><img src="img/logo.png"/></h1>
                        </a>
                    </li>
                    <li><a href="#">学习中心</a></li>
                    <li class="dropdown">
                        <a href="#"  class="dropdown-toggle" data-toggle="dropdown">课程<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                        </ul>
                    </li>
                    <li><a href="#">班级</a></li>
                    <li><a href="#">小组</a></li>
                </ul>
            </div>

            <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNav">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <!-- 导航菜单 -->
            <ul class="nav navbar-nav pull-right collapse navbar-collapse" id="myNav">
                <li>
                    <!-- 表单 -->
                    <form class="navbar-form">
                        <div class="form-group">
                            <input type="search" placeholder="输入要查找的内容" class="form-control">
                            <input type="button" value="搜索" class="btn btn-default">
                        </div>
                    </form>
                </li>
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li><a href="#"><img src="img/1.png"/>好知APP</a></li>
            </ul>
        </div>
    </header>

    <banner>
        <img src="img/banner.png"/>
    </banner>

    <nav class="navbar navbar-default">
        <div class="container">
            <!-- 导航菜单 -->
            <ul class="nav navbar-nav clearfix">
                <li><a href="#">首页</a></li>
                <li><a href="#">在学</a></li>
                <li><a href="#">在教</a></li>
                <li><a href="#">小组</a></li>
                <li><a href="#">动态</a></li>
                <li><a href="#">问答</a></li>
                <li><a href="#">笔记</a></li>
                <li><a href="#">留言</a></li>
            </ul>
        </div>
    </nav>

    <article class="clearfix">
        <div class="pull-left bg-info">
            <section>
                <div class="clearfix">
                    <h2 class="pull-left">班级</h2>
                    <h2 class="pull-right">···</h2>
                </div>
                <div class="text-center">
                    TA还未加入任何班级
                </div>
            </section>

            <section>
                <div class="clearfix">
                    <h2 class="pull-left">在教课程</h2>
                    <h2 class="pull-right">···</h2>
                </div>
                <div class="clearfix">
                    <div class="pull-left">
                       <img src="img/2.png" />
                        <div class="clearfix">
                            <div class="pull-left"><img src="img/3.png" /></div>
                            <div class="pull-right">智能社：全线ES6、AngularJS、NodeJS与</div>
                        </div>
                        <p>161浏览 / 17学员 /0评分</p>
                        <p class="clearfix">
                            <span class="pull-left">
                                <img src="img/4.png"/>北京智能社
                            </span>
                            <span class="pull-right">免费</span>
                        </p>
                    </div>
                    <div class="pull-left">
                        <img src="img/2.png" />
                        <div class="clearfix">
                            <div class="pull-left"><img src="img/3.png" /></div>
                            <div class="pull-right">智能社：Javascript 之 angularJS (一)</div>
                        </div>
                        <p>174浏览 / 11学员 /0评分</p>
                        <p class="clearfix">
                            <span class="pull-left">
                                <img src="img/4.png"/>北京智能社
                            </span>
                            <span class="pull-right">免费</span>
                        </p>
                    </div>
                    <div class="pull-left">
                        <img src="img/2.png" />
                        <div class="clearfix">
                            <div class="pull-left"><img src="img/3.png" /></div>
                            <div class="pull-right">智能社：Javascript教程———从入门到精通</div>
                        </div>
                        <p>147浏览 / 22学员 /0评分</p>
                        <p class="clearfix">
                            <span class="pull-left">
                                <img src="img/4.png"/>北京智能社
                            </span>
                            <span class="pull-right">免费</span>
                        </p>
                    </div>
                    <div class="pull-left">
                        <img src="img/2.png" />
                        <div class="clearfix">
                            <div class="pull-left"><img src="img/3.png" /></div>
                            <div class="pull-right">智能社：Javascript 之 Vue.js</div>
                        </div>
                        <p>269浏览 / 14学员 /0评分</p>
                        <p class="clearfix">
                            <span class="pull-left">
                                <img src="img/4.png"/>北京智能社
                            </span>
                            <span class="pull-right">免费</span>
                        </p>
                    </div>
                </div>
            </section>

            <section>
                <div class="clearfix">
                    <h2 class="pull-left">笔记</h2>
                    <h2 class="pull-right">···</h2>
                </div>
                <div class="text-center">
                    TA没有公开的笔记
                </div>
            </section>

            <section>
                <div class="clearfix">
                    <h2 class="pull-left">留言</h2>
                    <h2 class="pull-right">···</h2>
                </div>
                <div class="text-center">
                    <div></div>
                    <div class="clearfix">
                        <span class="pull-left"><img src="img/5.png"/>插入表情</span>
                        <span class="pull-right">留言</span>
                    </div>
                </div>
            </section>
        </div>

        <div class="pull-right">
            <section>
                <ul class="list-inline list-unstyled">
                    <li>
                        <p>4</p>
                        <p>在教</p>
                    </li>
                    <li>
                        <p>1</p>
                        <p>课程</p>
                    </li>
                    <li>
                        <p>0</p>
                        <p>笔记</p>
                    </li>
                    <li>
                        <p>0</p>
                        <p>回答</p>
                    </li>
                </ul>
            </section>

            <section>
                <ul class="list-unstyled">
                    <li><span>昵称：</span>北京智能社</li>
                    <li><span>等级：</span>8</li>
                    <li><span>来自</span></li>
                    <li>
                        <span>简介：</span>
                                                            智能社是北京就算对方卡萨丁菲利克斯地方老困第三方卜反馈撒女拉萨忽悠
                                                            覅UR额外腐恶恢复期哈佛斯蒂芬老师发的发二两节课发了第三发了发货去哦
                                                            额为我好任务和我好佛企鹅女哦器费额外
                    </li>
                </ul>
            </section>

            <section>
                <div>
                    <h2>好友</h2>
                </div>
                <ul>
                    <li class="clearfix">
                        <span class="pull-left">关注（1）</span>
                        <span class="pull-right">粉丝（1）</span>
                    </li>
                    <li>
                        <img src="img/6.png"/>
                    </li>
                    <li>知了</li>
                </ul>
            </section>

            <section>
                <div>
                    <h2>最近来访</h2>
                </div>
                <ul class="clearfix">
                    <li class="pull-left">
                        <img src="img/7.png"/>
                        <p>浅吟清唱</p>
                    </li>
                    <li class="pull-right">
                        <img src="img/7.png"/>
                        <p>学无止境</p>
                    </li>
                </ul>
            </section>
        </div>
    </article>

   <footer>
       <div>
           <ul class="clearfix">
               <li><img src="img/8.png"/></li>
               <li>
                   <p>关于我们 | 加入我们 | 申请合作 | 意见反馈</p>
                   <span>浙ICP备13006852   浙ICP备13006852</span>
               </li>
               <li>
                   关注我们：
                   <img src="img/9.png"/><img src="img/5.png"/>
                   <img src="img/3.png"/><img src="img/9.png"/>
               </li>
           </ul>
           <div>
               <p>友情链接 | 开源网络课程 | 气球鱼学堂 | 360安全网址导航 | hao123 | 绿色网 | 站长之家 | 新客网 | 踏浪100 | 妻子学院 | 关于我们 | 关于我们</p>
               <p>绿色网 | 站长之家 | 新客网 | 好知网</p>
           </div>
       </div>
   </footer>
</body>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"  charset="utf-8"></script>
<script type="text/javascript" src="js/bootstrap.min.js" charset="utf-8"></script>
</html>